<div class="giveHeight"> 
    <table class="responsive dynamicTable display table table-bordered dataTable">
        <thead>        
            <tr>
{# sorting of properties based on query components #}
                    {{ knp_pagination_sortable(pagination, 'N° Bon Livraison', 'b.reference') }}
                                {{ knp_pagination_sortable(pagination, 'Raison Social', 'b.client') }}
                <th>Departement</th>
                <th>Date</th>
                <th>Heure</th>
                <th>Montant TTc</th>
                <th>Reste</th>
                <th>Reglement</th>
                <th>Facture  <a href="javascript:selectAll()" id="select_all">All</a></th>
                <th>Action</th>
            </tr>
        </thead>

{# table body #}
{% for bon_livraison in pagination %}
        <tr {% if loop.index is odd %}class="color"{% endif %}>
            <td style="width:10%;text-align: center">{{ bon_livraison.reference }}</td>
            <td style="width:13%">{{ bon_livraison.client }}</td>
            <td style="width:8%">{{ bon_livraison.departement }}</td>
            <td style="width:6%">{{ bon_livraison.date|date('d/m/Y') }} </td>
            <td style="width:4%"> {{ bon_livraison.getTime }}</td>
            <td style="width:8%">{{ bon_livraison.montantTtc|number_format(3) }}</td>
            <td style="width:8%">{{ bon_livraison.reste|number_format(3) }}</td>
                {% if bon_livraison.montantTtc|number_format(3) == bon_livraison.reste|number_format(3) %}
                    {% set etat_reglement = 'Non Réglé' %}
                {% elseif bon_livraison.reste ==0 %}
                    {% set etat_reglement = 'Réglé' %}
                {% else %}
                    {% set etat_reglement = 'Partiellement Réglé' %}
                {% endif %}
            <td style="width:8%">{{ etat_reglement }}</td>
                {% if bon_livraison.facture!=null %}
            <td style="width:6%">{{ bon_livraison.facture }}</td>
                {% else %}
            <td style="width:6%" id="facturer_{{bon_livraison.id}}" onclick="facturer({{bon_livraison.id}},{{bon_livraison.client.id}})"></td>
                {% endif %}
            <td class="center ">
                <div class="controls center">
                    <a class="tip" href="javascript:showBonLivraison('{{bon_livraison.id}}')" title="Visualiser">
                        <span class="icon12 icon-eye-open"></span>
                    </a>
                        {% if is_granted('ROLE_SUPER_ADMIN') and bon_livraison.canModif %}
                    <a style="padding-left:5%"class="tip" href="javascript:editBonLivraison('{{bon_livraison.id}}')" title="Modifier">
                        <span class="icon12 icon-pencil"></span>
                    </a>
                       {% endif %}     
                    <a  style="padding-left:5%" class="tip" href="javascript:duppliquerBonLivraison('{{bon_livraison.id}}')" title="Duppliquer">
                        <span class="icon12 icomoon-icon-google-plus-2 "></span>
                    </a>                            
                    <a  style="padding-left:5%;padding-right: 5%" class="tip" href="javascript:imprimerBonLivraison('{{bon_livraison.id}}')" title="Imprimer">
                        <span class="icon12 icon-print"></span>
                    </a>
                        {% if bon_livraison.facture==null %}    
                    <a  style="padding-left:5%;padding-right: 5%" class="tip" href="javascript:facturerBonLivraison('{{bon_livraison.id}}')" title="Facturer">
                        <span class="icon12 icomoon-icon-font "></span>
                    </a>
                         {% endif %}
                         {% if is_granted('ROLE_SUPER_ADMIN') %}
                    <a  style="padding-right: 5%" class="tip" href="javascript:historiqueBonLivraison('{{bon_livraison.id}}')" title="Historique">
                        <span class="icon12 entypo-icon-history "></span>
                    </a>
                        {% endif %}    
                            {% if is_granted('ROLE_SUPER_ADMIN') and bon_livraison.canModif==true %}
                    <a class="tip" href="javascript:removeBonLivraison('{{bon_livraison.id}}')" title="Supprimer">
                        <span class="icon12 icomoon-icon-remove"></span>
                    </a>
                            {% endif %}
                </div>
            </td>
        </tr>
{% endfor %}
    </table>
</div>
<div id="DataTables_Table_0_info" class="dataTables_info">Affichage de {{ (pagination.getCurrentPageNumber -1)*pagination.getItemNumberPerPage + 1}} à {{ (pagination.getCurrentPageNumber -1)*pagination.getItemNumberPerPage + pagination.getItemNumberPerPage}} de {{ pagination.getTotalItemCount }} BonLivraison</div>
{# display navigation #}
<div id="DataTables_Table_0_paginate" class="dataTables_paginate paging_full_numbers">
    {{ knp_pagination_render(pagination) }}
    <a class="paginate_button" id="facturer_plusieurs" style="display: none" href="javascript:facturerPlusieurs()">Facturer</a>
</div>
<script>
    $(document).ready(function() {
        showFacturer()
        if ($('#client').val() != 0) {
            {%set restem = 0 %}
            {% for bon_livraison in bons %}
                            {%set restem  = bon_livraison.reste+restem %}

            {% endfor %}
            $('#reste_montant').html({{restem}})
        }
    })
    function selectAll() {
        if ($('#client').val() != 0) {
            deselectAll()
            if ($('#select_all').html() == "All") {
                $('#select_all').html("No")
                {% for bon_livraison in bons %}
                facturer({{bon_livraison.id}}, '{{bon_livraison.client.id}}')
                {%endfor%}
            } else {
                $('#select_all').html("All")
            }
        }
    }
    function deselectAll() {
        var count_to_facturate = to_facturate.length
        for (var i = 0; i < count_to_facturate; i++) {
            $('#facturer_' + to_facturate[i]).html('');
        }
        to_facturate = new Array()
        $('#facturer_plusieurs').hide()
    }
    function showBonLivraison(id) {
        lf = remplirlf()
        $.ajax({
            url: '{{path('gds_vente_bon_livraison_show')}}',
            mode: "abort",
            data: 'id=' + id,
            success: function(data) {
                $('#div_liste_bon_livraison').html(data)
            }
        })
    }
    function editBonLivraison(id) {
        lf = remplirlf()
        $.ajax({
            url: '{{path('gds_vente_bon_livraison_edit')}}',
            mode: "abort",
            data: 'id=' + id,
            success: function(data) {
                $('#div_liste_bon_livraison').html(data)
            }
        })
    }
    function duppliquerBonLivraison(id) {
        lf = remplirlf()
        $.ajax({
            url: '{{path('gds_vente_bon_livraison_duppliquer')}}',
            data: 'id=' + id,
            mode: "abort",
            success: function(data) {
                $('#div_liste_bon_livraison').html(data)
            }
        })
    }
    function imprimerBonLivraison(id) {
        $.ajax({
            url: '{{path('gds_vente_bon_livraison_print_saved')}}',
            type: "POST",
            data: "id=" + id,
            mode: "abort",
            success: function(data) {
                $.msgBox({
                    title: "Bon Livraison",
                    content: "Imression effectué avec succés",
                    type: "info"
                });
            }
        })
    }
    function facturerBonLivraison(id) {
        lf = remplirlf()
        $.ajax({
            url: '{{path('gds_vente_bon_livraison_facturer')}}',
            data: 'id=' + id,
            mode: "abort",
            success: function(data) {
                $('#div_liste_bon_livraison').html(data)
            }
        })
    }
    function historiqueBonLivraison(id) {
        lf = remplirlf()
        $.ajax({
            url: '{{path('gds_vente_bon_livraison_historique')}}',
            data: 'id=' + id,
            mode: "abort",
            success: function(data) {
                $('#div_liste_bon_livraison').html(data)
            }
        })
    }
    function remplirlf() {
        var liste_f = new Array()
        liste_f[0] = $('#filtre_numero').val()
        liste_f[1] = $('#client').val()
        liste_f[2] = date1
        liste_f[3] = date2
        liste_f[4] = heure1
        liste_f[5] = heure2
        liste_f[6] = $('#filtre_reference').val()
        liste_f[7] = $('#filtre_designation').val()
        liste_f[8] = $('#filtre_ttc1').val()
        liste_f[9] = $('#filtre_ttc2').val()
        liste_f[10] = $('#filtre_type').val()
        liste_f[11] = $('#filtre_reglement').val()
        liste_f[12] = $('#departement').val()
        return liste_f
    }

     {% if is_granted('ROLE_SUPER_ADMIN') %}
    function removeBonLivraison(id) {
        $.msgBox({
            title: "Suppression BonLivraison",
            content: "Voulez-vous placer le bon_livraison dans la corbeille ?",
            type: "confirm",
            buttons: [{value: "OUI"}, {value: "NON"}, {value: "Annuler"}],
            success: function(result) {
                if (result == "OUI") {
                    $.ajax({
                        url: '{{path('gds_vente_bon_livraison_delete')}}',
                        data: 'id=' + id,
                        mode: "abort",
                        success: function(data) {
                            $.msgBox({
                                title: "BonLivraison",
                                content: "BonLivraison placé dans la corbeille",
                                type: "info",
                                buttons: [{value: "OK"}],
                                success: function(result) {
                                    $('#filtre_numero').keyup()
                                }
                            })
                        },
                        error: function(data) {
                            alert('erreur lors de la supression!')
                        }
                    })
                }
            }
        });

    }
    {% endif %}
    function facturerPlusieurs() {
        $.msgBox({
            title: "Facturation des BLs",
            content: "Voulez-vous facturer les BLs séléctionnés ?",
            type: "confirm",
            buttons: [{value: "OUI"}, {value: "Annuler"}],
            success: function(result) {
                if (result == "OUI") {
                    lf = remplirlf()
                    if (to_facturate.length == 1) {
                        $.ajax({
                            url: '{{path('gds_vente_bon_livraison_facturer')}}',
                            data: 'id=' + to_facturate[0],
                            mode: "abort",
                            success: function(data) {
                                $('#div_liste_bon_livraison').html(data)
                            }
                        })
                    } else {
                        $.ajax({
                            url: '{{path('gds_vente_bons_livraison_facturer')}}',
                            data: 'ids=' + JSON.stringify(to_facturate),
                            mode: "abort",
                            success: function(data) {
                                $('#div_liste_bon_livraison').html(data)
                            }
                        })
                    }
                }
            }
        });
    }
</script>{# empty Twig template #}
